<script setup lang="ts"></script>

<template>
  <div id="app">
    <div id="nav">
      <RouterLink to="/">Home</RouterLink> |
      <RouterLink to="/about">About</RouterLink> |
      <RouterLink to="/button">Button</RouterLink> |
      <RouterLink to="/checkbox">Checkbox</RouterLink> |
      <RouterLink to="/layout">layout</RouterLink> |
      <RouterLink to="/textOverflow">文本溢出</RouterLink> |
      <RouterLink to="/attr">$attr</RouterLink> |
      <RouterLink to="/undefined">未匹配路由</RouterLink> |
      <RouterLink to="/deploy">deploy</RouterLink> |
      <RouterLink to="/suspense">异步组件</RouterLink>  |
      <RouterLink to="/loadingBtn">加载中button</RouterLink> | 
      <RouterLink to="/sse">sse请求</RouterLink> | 
      <RouterLink to="/recorder">录音</RouterLink> |
      <RouterLink to="/theme-switch">主题切换</RouterLink> | 
      <RouterLink to="/pdf">pdf</RouterLink>
    </div>
    <RouterView />
  </div>
</template>

<style scoped></style>
